<template>
  <div class="lineDetail" ref="line_Det">
  </div>
</template>

<script>
import * as echarts from 'echarts';
export default {
    name:'LineDetail',
    mounted() {
        let myChart = echarts.init(this.$refs.line_Det);
        myChart.setOption({
            xAxis: {
                show:false,
                type:'category'
            },
            yAxis: {
                show:false
            },
            grid:{
                bottom:0,
                top:0,
                left:0,
                right:0
            },
            series: [
                {
                type: 'line',
                data: [50, 10, 76, 24, 35, 20, 40, 16, 52],
                smooth:true,
                itemStyle: {
                        color: '#0770FF',
                        opacity:0
                    },
                areaStyle :{
                         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            {
                                offset: 0,
                                color: 'rgba(58,77,233,0.8)'
                            },
                            {
                                offset: 1,
                                color: 'rgba(58,77,233,0.3)'
                            }
                            ])   
                    }
                }
            ]
            });
    },
}
</script>

<style>
    .lineDetail{
        width: 100%;
        height: 100%;
    }
</style>